سلام به همه همراهان و علاقه‌مندان به طراحی وب با المنتور.
در جلسه اول با اصول ابتدایی المنتور آشنا شدیم. حالا در جلسه دوم به یکی از مهم‌ترین بخش‌های طراحی یعنی تنظیم ستون‌ها می‌پردازیم. ستون‌بندی یکی از روش‌هایی است که ظاهر سایت شما را حرفه‌ای‌تر و کاربرپسندتر می‌کند.

چرا ستون‌بندی در سایت اهمیت دارد؟

شاید برایتان سؤال پیش آمده باشد که ستون‌بندی چه کمکی به طراحی سایت می‌کند. در واقع ستون‌ها همانند چارچوب اصلی صفحات وب عمل می‌کنند.
وقتی محتوای سایت در قالب ستون‌ها منظم و ساختارمند نمایش داده شود:

• ظاهر سایت زیباتر و حرفه‌ای‌تر به نظر می‌رسد.

• محتوا برای کاربر قابل فهم‌تر خواهد بود.

• بخش‌های مختلف در دسترس‌تر هستند.

• تجربه کاربری بهبود پیدا می‌کند و کاربر مدت بیشتری در سایت می‌ماند.

به بیان دیگر، ستون‌ها اسکلت‌بندی سایت محسوب می‌شوند و نظم کلی محتوا را شکل می‌دهند.

ستون‌بندی یا Pillar Page چیست؟

ستون‌بندی در دنیای طراحی سایت مفهومی مشابه با Pillar Page دارد. منظور از ستون یا Pillar Page، صفحه‌ای بنیادین است که موضوعات اصلی سایت بر پایه آن شکل می‌گیرد.

در وردپرس و المنتور، شما می‌توانید هر تعداد ستونی که لازم دارید ایجاد کنید. این ستون‌ها مانند شاخه‌های اصلی وب‌سایت هستند که زیرمجموعه‌ها و محتواهای جزئی‌تر را در خود جای می‌دهند.

مزایای ستون‌بندی در المنتور

ستون‌ها تنها برای زیبایی نیستند، بلکه مزایای عملی مهمی دارند:

• زیبایی و جلوه بصری بهتر

• نظم‌دهی به محتوا

• افزایش کاربرپسندی سایت

• بهبود دسترسی کاربر به بخش‌های مختلف

• افزایش نرخ تعامل و کاهش بانس‌ریت

هرچه ستون‌بندی حرفه‌ای‌تر انجام شود، احتمال اینکه کاربر مدت بیشتری در سایت بماند و دوباره به سایت بازگردد بیشتر می‌شود.

روش‌های ستون‌بندی در وردپرس

برای ایجاد ستون‌ها در سایت، دو راه اصلی وجود دارد:

۱. ساخت ستون‌ها به‌صورت دستی

در این روش، شما با استفاده از تنظیمات داخلی المنتور ستون‌های دلخواه خود را می‌سازید. این روش مناسب کسانی است که دوست دارند کنترل بیشتری روی جزئیات داشته باشند.

۲. استفاده از افزونه‌های جانبی

گاهی برای داشتن ظاهر جذاب‌تر و امکانات بیشتر می‌توانید از افزونه‌های مکمل استفاده کنید. یکی از افزونه‌های کاربردی در این زمینه Lightweight Grid Columns است. این افزونه به شما اجازه می‌دهد ساختارهای ستونی متنوعی ایجاد کنید و ابزارک‌های وردپرس را در قالب ستون نمایش دهید.

آموزش مرحله‌ای تنظیم ستون‌ها در المنتور

حالا بیایید به سراغ بخش عملی برویم و نحوه تنظیم ستون‌ها را با المنتور قدم‌به‌قدم یاد بگیریم:

مرحله اول: ساخت یا انتخاب ستون

ابتدا باید یک ستون جدید ایجاد کنید یا ستونی که قبلاً ساخته‌اید را انتخاب کنید.

مرحله دوم: ورود به تنظیمات ستون

روی ستون موردنظر کلیک کنید تا بخش تنظیمات ستون در سمت چپ ویرایشگر المنتور باز شود. سپس وارد بخش طرح‌بندی (Layout) شوید.

مرحله سوم: تنظیم تراز عمودی

در بخش طرح‌بندی، گزینه‌ای به نام تراز عمودی (Vertical Align) وجود دارد. این گزینه تعیین می‌کند محتوا درون ستون چگونه قرار گیرد. حالت‌های موجود عبارت‌اند از:

• پیش‌فرض (Default): همان حالتی که قالب شما تعیین کرده است.

• بالا (Top): محتوا در بالای ستون نمایش داده می‌شود.

• وسط (Middle): محتوا در مرکز ستون قرار می‌گیرد.

• پایین (Bottom): محتوا در پایین ستون نمایش داده می‌شود.

• فضای اطراف (Space Around): فضای متعادلی در اطراف محتوا ایجاد می‌شود.

• فضای یکنواخت (Space Evenly): فاصله‌ها به‌صورت مساوی بین بخش‌های ستون تقسیم می‌شوند.

• فاصله بینابینی (Space Between): محتوا در ابتدا و انتهای ستون قرار می‌گیرد و بین آن‌ها فاصله ایجاد می‌شود.

مرحله چهارم: تست حالت‌ها

برای درک بهتر تفاوت این گزینه‌ها، بهتر است آن‌ها را یکی‌یکی امتحان کنید.

• اگر فضای اطراف را انتخاب کنید، بین محتوا و کناره‌های ستون فاصله ایجاد می‌شود.

• در حالت فضای یکنواخت، فاصله‌ها از بالا و پایین ستون به‌طور مساوی تغییر می‌کند.

• انتخاب گزینه فاصله بینابینی معمولاً ظاهر متعادل‌تری به ستون می‌دهد.

نکات مهم در ستون‌بندی المنتور

• همیشه ستون‌ها را متناسب با محتوای خود انتخاب کنید. تعداد زیاد ستون می‌تواند باعث شلوغی سایت شود.

• در نسخه موبایل، دقت کنید ستون‌ها به‌درستی نمایش داده شوند. المنتور امکان تغییر نمایش ستون‌ها در دستگاه‌های مختلف را فراهم کرده است.

• برای ایجاد ظاهر جذاب‌تر می‌توانید پس‌زمینه یا رنگ‌بندی متفاوت برای هر ستون تعیین کنید.

• بهتر است فاصله‌ها (Margins & Paddings) را به‌دقت تنظیم کنید تا ساختار صفحه منظم‌تر دیده شود.

مقایسه ستون‌بندی دستی و افزونه جانبی

جمع‌بندی

ستون‌بندی یکی از بخش‌های مهم طراحی سایت در المنتور است. ستون‌ها نه‌تنها ظاهر سایت شما را زیباتر می‌کنند، بلکه نظم و دسترسی به محتوا را نیز افزایش می‌دهند. با استفاده از تنظیمات داخلی المنتور می‌توانید ستون‌ها را به‌راحتی بسازید و تراز آن‌ها را تغییر دهید.

اگر به دنبال امکانات بیشتر و طرح‌های حرفه‌ای‌تر هستید، افزونه‌هایی مثل Lightweight Grid Columns می‌توانند کمک زیادی به شما کنند.

در نهایت، مهم‌ترین نکته این است که ستون‌بندی باید متناسب با نیاز و محتوای سایت شما انجام شود. با رعایت این اصول می‌توانید تجربه کاربری بهتری برای بازدیدکنندگان سایت خود ایجاد کنید.

منبع : https://ofoghweb.com/arrange-the-columns-in-the-menu/